<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Java知识体系思维导图</title>
    <style>
        body {
            font-family: 'Microsoft YaHei', 'Arial', sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f5f5f5;
            color: #333;
        }

        .mindmap-container {
            max-width: 1600px;
            margin: 0 auto;
            background-color: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        h1 {
            text-align: center;
            color: #1565C0;
            margin-bottom: 30px;
            padding-bottom: 15px;
            border-bottom: 2px solid #1565C0;
        }

        .mindmap {
            display: flex;
            justify-content: center;
        }

        .central-topic {
            background-color: #1565C0;
            color: white;
            padding: 15px 25px;
            border-radius: 50px;
            font-weight: bold;
            font-size: 24px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            position: relative;
            z-index: 10;
        }

        .branches {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            margin-top: 50px;
        }

        .branch {
            width: 30%;
            min-width: 300px;
            margin: 0 15px 30px;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .branch:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
        }

        .branch-header {
            padding: 15px;
            color: white;
            font-weight: bold;
            font-size: 18px;
        }

        .branch-content {
            background-color: white;
            padding: 15px;
        }

        ul {
            list-style-type: none;
            padding-left: 10px;
            margin: 0;
        }

        li {
            margin-bottom: 10px;
            position: relative;
            padding-left: 20px;
        }

        li::before {
            content: "•";
            color: #1565C0;
            font-weight: bold;
            font-size: 20px;
            position: absolute;
            left: 0;
            top: -5px;
        }

        .sub-branch {
            margin-top: 15px;
            padding-left: 20px;
            border-left: 2px dashed #ccc;
        }

        .sub-branch-header {
            font-weight: bold;
            color: #1565C0;
            margin-bottom: 10px;
        }

        /* 分支颜色 */
        .core {
            background-color: #1565C0;
        }

        .frameworks {
            background-color: #00897B;
        }

        .data {
            background-color: #7B1FA2;
        }

        .enterprise {
            background-color: #C62828;
        }

        .tools {
            background-color: #F57C00;
        }

        .ai {
            background-color: #5E35B1;
        }

        .advanced {
            background-color: #0097A7;
        }

        .testing {
            background-color: #689F38;
        }

        .deployment {
            background-color: #D81B60;
        }
    </style>
</head>

<body>
    <div class="mindmap-container">
        <h1>Java知识体系思维导图</h1>

        <div class="mindmap">
            <div class="central-topic">Java生态系统</div>
        </div>

        <div class="branches">
            <!-- 核心Java -->
            <div class="branch">
                <div class="branch-header core">Java核心基础</div>
                <div class="branch-content">
                    <ul>
                        <li>Java语言基础</li>
                        <li>面向对象编程</li>
                        <li>泛型与集合</li>
                        <li>异常处理</li>
                        <li>I/O与NIO</li>
                        <li>并发编程</li>
                        <li>Lambda表达式</li>
                        <li>Stream API</li>
                        <li>模块化系统</li>
                        <li>JVM原理与优化</li>
                    </ul>
                </div>
            </div>

            <!-- 框架 -->
            <div class="branch">
                <div class="branch-header frameworks">Java主流框架</div>
                <div class="branch-content">
                    <ul>
                        <li>Spring生态
                            <div class="sub-branch">
                                <div class="sub-branch-header">Spring核心</div>
                                <ul>
                                    <li>Spring Framework</li>
                                    <li>Spring Boot</li>
                                    <li>Spring Cloud</li>
                                    <li>Spring Security</li>
                                    <li>Spring Batch</li>
                                </ul>
                            </div>
                        </li>
                        <li>ORM框架
                            <div class="sub-branch">
                                <ul>
                                    <li>Hibernate</li>
                                    <li>MyBatis</li>
                                    <li>JPA</li>
                                </ul>
                            </div>
                        </li>
                        <li>Web框架
                            <div class="sub-branch">
                                <ul>
                                    <li>Spring MVC</li>
                                    <li>Struts</li>
                                    <li>JSF</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 数据相关 -->
            <div class="branch">
                <div class="branch-header data">数据处理</div>
                <div class="branch-content">
                    <ul>
                        <li>JDBC</li>
                        <li>数据库访问
                            <div class="sub-branch">
                                <ul>
                                    <li>关系型数据库</li>
                                    <li>NoSQL数据库</li>
                                    <li>NewSQL</li>
                                </ul>
                            </div>
                        </li>
                        <li>大数据处理
                            <div class="sub-branch">
                                <ul>
                                    <li>Hadoop生态</li>
                                    <li>Spark</li>
                                    <li>Flink</li>
                                    <li>Storm</li>
                                </ul>
                            </div>
                        </li>
                        <li>数据缓存
                            <div class="sub-branch">
                                <ul>
                                    <li>Redis</li>
                                    <li>Memcached</li>
                                    <li>Ehcache</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 企业级 -->
            <div class="branch">
                <div class="branch-header enterprise">企业级Java</div>
                <div class="branch-content">
                    <ul>
                        <li>Jakarta EE (原Java EE)</li>
                        <li>分布式系统
                            <div class="sub-branch">
                                <ul>
                                    <li>微服务架构</li>
                                    <li>服务注册与发现</li>
                                    <li>负载均衡</li>
                                    <li>服务熔断与降级</li>
                                </ul>
                            </div>
                        </li>
                        <li>消息队列
                            <div class="sub-branch">
                                <ul>
                                    <li>RabbitMQ</li>
                                    <li>Kafka</li>
                                    <li>RocketMQ</li>
                                    <li>ActiveMQ</li>
                                </ul>
                            </div>
                        </li>
                        <li>安全框架
                            <div class="sub-branch">
                                <ul>
                                    <li>Shiro</li>
                                    <li>OAuth</li>
                                    <li>Keycloak</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 工具 -->
            <div class="branch">
                <div class="branch-header tools">开发工具与技术</div>
                <div class="branch-content">
                    <ul>
                        <li>构建工具
                            <div class="sub-branch">
                                <ul>
                                    <li>Maven</li>
                                    <li>Gradle</li>
                                    <li>Ant</li>
                                </ul>
                            </div>
                        </li>
                        <li>版本控制
                            <div class="sub-branch">
                                <ul>
                                    <li>Git</li>
                                    <li>SVN</li>
                                </ul>
                            </div>
                        </li>
                        <li>IDE
                            <div class="sub-branch">
                                <ul>
                                    <li>IntelliJ IDEA</li>
                                    <li>Eclipse</li>
                                    <li>NetBeans</li>
                                </ul>
                            </div>
                        </li>
                        <li>API文档
                            <div class="sub-branch">
                                <ul>
                                    <li>Swagger</li>
                                    <li>SpringFox</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- AI相关 -->
            <div class="branch">
                <div class="branch-header ai">Java与AI集成</div>
                <div class="branch-content">
                    <ul>
                        <li>Spring AI
                            <div class="sub-branch">
                                <ul>
                                    <li>LLM集成API</li>
                                    <li>向量数据库集成</li>
                                    <li>Prompt模板</li>
                                    <li>RAG架构支持</li>
                                    <li>函数调用</li>
                                </ul>
                            </div>
                        </li>
                        <li>LangChain4j
                            <div class="sub-branch">
                                <ul>
                                    <li>统一LLM接口</li>
                                    <li>向量存储抽象</li>
                                    <li>文档加载与分割</li>
                                    <li>AI服务构建</li>
                                    <li>Agent与工具调用</li>
                                </ul>
                            </div>
                        </li>
                        <li>Tools4AI
                            <div class="sub-branch">
                                <ul>
                                    <li>Java函数调用</li>
                                    <li>HTTP REST调用</li>
                                    <li>Shell脚本调用</li>
                                    <li>图像处理</li>
                                    <li>Agent构建</li>
                                </ul>
                            </div>
                        </li>
                        <li>模型集成
                            <div class="sub-branch">
                                <ul>
                                    <li>OpenAI Java SDK</li>
                                    <li>Qwen API集成</li>
                                    <li>HuggingFace Java接口</li>
                                    <li>Gemini Java接口</li>
                                </ul>
                            </div>
                        </li>
                        <li>深度学习框架
                            <div class="sub-branch">
                                <ul>
                                    <li>DJL (Deep Java Library)</li>
                                    <li>ND4J</li>
                                    <li>Tribuo</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 高级特性 -->
            <div class="branch">
                <div class="branch-header advanced">高级Java特性</div>
                <div class="branch-content">
                    <ul>
                        <li>函数式编程</li>
                        <li>响应式编程
                            <div class="sub-branch">
                                <ul>
                                    <li>Reactor</li>
                                    <li>RxJava</li>
                                    <li>Spring Webflux</li>
                                </ul>
                            </div>
                        </li>
                        <li>注解处理</li>
                        <li>AOP编程</li>
                        <li>元编程</li>
                        <li>Java Native Interface (JNI)</li>
                        <li>虚拟线程 (Project Loom)</li>
                        <li>GraalVM与Native Image</li>
                    </ul>
                </div>
            </div>

            <!-- 测试 -->
            <div class="branch">
                <div class="branch-header testing">测试框架</div>
                <div class="branch-content">
                    <ul>
                        <li>单元测试
                            <div class="sub-branch">
                                <ul>
                                    <li>JUnit</li>
                                    <li>TestNG</li>
                                </ul>
                            </div>
                        </li>
                        <li>Mock框架
                            <div class="sub-branch">
                                <ul>
                                    <li>Mockito</li>
                                    <li>PowerMock</li>
                                    <li>EasyMock</li>
                                </ul>
                            </div>
                        </li>
                        <li>集成测试
                            <div class="sub-branch">
                                <ul>
                                    <li>Spring Test</li>
                                    <li>Testcontainers</li>
                                    <li>REST Assured</li>
                                </ul>
                            </div>
                        </li>
                        <li>性能测试
                            <div class="sub-branch">
                                <ul>
                                    <li>JMeter</li>
                                    <li>Gatling</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 部署 -->
            <div class="branch">
                <div class="branch-header deployment">部署与运维</div>
                <div class="branch-content">
                    <ul>
                        <li>容器化
                            <div class="sub-branch">
                                <ul>
                                    <li>Docker</li>
                                    <li>Kubernetes</li>
                                    <li>OpenShift</li>
                                </ul>
                            </div>
                        </li>
                        <li>CI/CD
                            <div class="sub-branch">
                                <ul>
                                    <li>Jenkins</li>
                                    <li>GitHub Actions</li>
                                    <li>GitLab CI</li>
                                </ul>
                            </div>
                        </li>
                        <li>监控与日志
                            <div class="sub-branch">
                                <ul>
                                    <li>Prometheus</li>
                                    <li>Grafana</li>
                                    <li>ELK Stack</li>
                                </ul>
                            </div>
                        </li>
                        <li>云平台
                            <div class="sub-branch">
                                <ul>
                                    <li>AWS</li>
                                    <li>Azure</li>
                                    <li>Google Cloud</li>
                                    <li>阿里云</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>

</html>